﻿@charset "utf-8";
html{color:#434b58;background: #fff; }
body { color:#434b58; font:14px/1.231 "微软雅黑",arial,helvetica,clean,sans-serif;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

.ngTip{
  width: 500px;
  position: fixed;
  top: 2%;
  left: 50%;
  margin-left: -300px;
  z-index: 99999;
  text-align: center;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-content{ font-size: 16px;}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

#shadow{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0,0,0,.8);
  text-align: center;
  line-height: 400px;
  font-size: 20px;
  color: #fff;
  display: none;
}


/*********单选框************/
.btnRadio{ float: left; color: #fff}
.newradio {
    position: relative;
    display: inline-block;
    line-height: 30px;
    margin-right: 8px;
}
.newradio span{
    margin-left: 12px;
}

.rradio[type="radio"] {
    width: 15px;
    height: 15px;
    opacity: 0;
}

label.forradio {
    position: absolute;
    left: 5px;
    top: 7px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    border: 1px solid #ffffff;
    margin: 0;
}

label.forradioTwo {
    position: absolute;
    left: 5px;
    top: 7px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    border: 1px solid #cccccc;
    margin: 0;
}

.rradio:checked + label.forradio, .rradio:checked + label.forradioTwo {
    border: 1px solid #3abbf7;
}

.rradio:checked + label.forradio::after, .rradio:checked + label.forradioTwo::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 7px;
    top: 4px;
    left: 4px;
    background: #3abbf7;
}
@font-face {
    font-family: '优设标题黑';
    src: url('./优设标题黑.ttf');
}
.container{ width: 1250px; margin: 0 auto; position: relative;}
.aboutBan{ width: 100%; height: 320px; background: #040000; padding: 70px 0; color: #fff; text-align: left; position: relative}
.banImg{ display: inline-block;width:800px;height:460px;z-index: 1; position:absolute; right:0; top:-70px
;background: url("../image/aboutBan.jpg") right center no-repeat #030303}
.aboutBan h2{ width: 100%; font-size: 38px; height: 65px; font-weight: normal}
.aboutBan p{ width:450px; font-size: 18px;line-height: 30px; margin-bottom: 50px}
.aboutBan a{display: inline-block; height: 50px; font-size: 18px;line-height: 50px; color: #00deff; border: 1px solid #00deff; padding: 0 50px; border-radius: 15px; letter-spacing: 2px}
.aboutJJ{ width: 100%; margin: 65px 0;}
.aboutJJ p{ width: 100%;font-size: 18px;line-height: 30px; margin-bottom: 50px; color: #434b58}


.aboutTit{ width: 100%; margin: 10px 0;}
.aboutTit h2{ width: 100%; font-size: 30px; height: 65px; font-weight: normal; font-family: '优设标题黑'; position: relative; text-align: center; margin-bottom: 30px; color: #161f24;}
.aboutTit h2::before{display: inline-block;width:80px;height:3px;z-index: 1; position:absolute;left:50%; margin-left:-40px;bottom:18px;background:#00bfd6;
    content: ' '; border-radius:40px;border-bottom: 1px solid #00bfd6;
}
.aboutJJ .aboutTit h2::before{ width: 100px !important; margin-left:-50px !important;}

.aboutTx{ width: 100%; margin:85px 0 10px; background: #f0f5f8;padding: 70px 0; height: auto; overflow: hidden }
.aboutTx ul{ width: 1300px;}
.aboutTx ul li{ display: inline-block; float: left; width: 245px; text-align: center; height: 280px; background: url("../image/texing.png") left center no-repeat; margin-right: 25px; padding: 60px 20px 20px 20px}
.aboutTx ul li img{ margin:30px auto 35px auto;}
.aboutTx ul li h3{ width: 100%; height: 50px; color: #161f24; font-weight: normal; font-size: 24px;}
.aboutTx ul li p{ width: 100%; color: #434b58; font-weight: normal; font-size:17px; line-height: 27px;text-align: left;}

.aboutFw{width: 100%; margin: 65px 0; text-align: center}
.sjsid{background: #f0f5f8; margin: 0px !important; height: auto; overflow: hidden; padding-top: 50px;}
.aboutFw img{ margin: 30px auto;}
.fwlx{ margin: 50px auto; text-align: center}
.fwlx a{display: inline-block; font-weight: bold; height: 50px; font-size: 18px;line-height: 50px; cursor: pointer;
    color: #00deff; border: 1px solid #00deff; width:220px;margin: 0 30px; border-radius: 15px; letter-spacing: 2px}
.fwlx a:hover,.cur{
    background: #00deff; color: #fff !important;
}


.footer{width: 100%; height: 320px; background: url("../image/aboutFootBg.jpg") center top no-repeat #030303; padding: 70px 0; color: #fff; text-align: left; position: relative}
.footer .lxwm{ width: 570px; font-size: 16px; color: #c6cbd1; display: inline-block; line-height: 37px;}
.footer .lxwm h6{ width:100%; font-size: 16px; color: #fff; display: inline-block;}
.footer .ewm{ float: right; width: 250px; margin-top: 80px;}
.footer .ewm dl{ width: 100%}
.footer .ewm dl dt{ width: 116px; float: left; text-align: center}
.footer .ewm dl dt img{ margin: 0 auto}
.footer .ewm dl dd{ width: 100px; float: right; margin-top: 110px; text-align: center; color: #ffffff; font-size:16px; line-height: 30px;}


.mainReg{ width: 100%; height: auto; background: url("../image/applyRegisterBg.jpg") center top no-repeat; padding-top:80px; padding-bottom: 80px;}
.aback{ font-size: 20px; color: #606b7d; width: 100%; margin-bottom: 25px; position: relative}
.aback a{font-size: 20px; color: #606b7d; display: inline-block; padding-left: 60px; background: url("../image/aback.jpg") 17px center no-repeat}
.aback img{
    float: right; margin-top: -10px;}
.regFoot{ width: 100%; font-size: 20px; text-align: center; color: #454d5a; margin: 30px auto;}
.regCont{
    width: 100%; border-radius: 30px; background: #fff; box-shadow: 0px 0px 20px rgba(30, 35, 45,0.14); min-height: 180px; position: relative;
}
.regCont .regLeft{ width: 230px; height: 760px; padding: 0px 30px; background: url("../image/applyLeft.png") left center no-repeat;}
.regCont .regLeft .regLeft-top{ width: 100%; padding-top: 30px;}
.regCont .regLeft .regLeft-top h4{ width: 100%; font-size: 32px; color: #1d7fee; line-height: 37px;}
.regCont .regLeft .regLeft-top h5{ width: 100%; font-size: 14px; color: #606b7d; line-height: 20px; margin-top: 10px;}
.regCont .regLeft .regLeft-mid{ width: 100%; height: 300px; background: url("../image/applyLeftStep.png") left 5px no-repeat; position: relative; margin-top: 54px; margin-bottom: 80px;}
.regCont .regLeft .regLeft-mid p{ width: 100%;position: absolute; left: 15px; top: 0px; font-size: 20px; color: #3c424e; line-height: 40px;}
.regCont .regLeft .regLeft-mid p span{display:inline-block; float:left;font-size: 38px; color: #1d7fee;font-family: '优设标题黑'; margin-right: 12px;}
.regCont .regLeft .regLeft-mid .p02{ left: 20px; top: 135px;}
.regCont .regLeft .regLeft-mid .p03{ left: 25px; top: 270px;}
.regCont .regLeft  .regLeft-fot{ position: relative; padding-left: 10px; padding-right:25px; color: #606b7d; font-size: 16px;}
.regCont .regLeft  .regLeft-fot span{color: #1d7fee;}
.regCont .regLeft  .regLeft-fot::before{ position: absolute;left: 0; top: 2px; content: "*"; color: red; font-size: 14px;}

.regRight{ width: 810px;position: absolute; top: 30px; right: 55px;}
.regRight h2{ width:100%; text-align: center; font-size: 20px;  height: 90px; line-height: 90px; font-weight: normal}
.regRight ul{ width:100%;}
.regRight ul li{ width:48%; display: inline-block;margin-right: 20px; height: 40px; line-height: 40px; background: #f4f6f7;
    border-radius: 50px; margin-bottom: 30px; letter-spacing: 2px}
.regRight ul li:nth-child(2n){margin-right: 0px;}
.regRight label{ display: inline-block; position: relative;padding-left: 28px; font-size: 16px; color: #3c424e;}
.regRight label::after{content: '*'; position: absolute; right: -10px; top: 0; color: red;}
.regRight input{ outline: 0; border: 0; height: 38px; line-height:38px;background: #f4f6f7;  font-size: 16px; float: right;margin-right: 28px; margin-top: 1px; width: calc(100% - 138px);
    text-align: right; color: #606b7d;letter-spacing: 1px}
.licode{width:48%; display: inline-block;margin-right: 0px;height: 40px; line-height: 40px;}
.licode li{width:calc(100% - 120px) !important;}
.forAddress{position: relative;width:48%; display: inline-block;margin-right: 0px;height: 40px; line-height: 40px;}
.forAddress li{width:100% !important;}
.selectCityModal{position: absolute; left: 0; top: 40px; z-index: 9; border: 1px solid #ececec; padding: 10px; background: #fff; display: none}
#addr-choice{
   /* border-top: 1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    padding: 0px 0;
    margin-bottom: 20px;
}
#title-wrap dd,#addr-wrap dd{
    list-style: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

#title-wrap dd{
    width:113px;
    height: 40px;
    line-height: 40px;
    padding: 0; margin: 0 0 10px; outline: 0;
    border-bottom: 1px solid #ccc;
    -webkit-margin-start: 0px !important;
}

.titleSel{
    border-bottom: 2px solid #23B7E5 !important;
}

#addr-wrap dd{
    width: 83px;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    font-size: 14px;margin-bottom: 5px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#addr-wrap dd:hover{
    background-color: #23B7E5;
}
.selectLi{
    background-color: #23B7E5;
}
.btn {
    width: 80px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ccc;
    outline: none;
    background-color:#eff6fc;
    margin-left: 40px;
    cursor: pointer;
}

.btn:disabled{
    background-color:#ccc;
}



.licode .imgcode{ float: right; width: 100px; height: 40px;    background-repeat: no-repeat;
    background-size: 100% 100%;}
.regRight h6{ width:100%; text-align: left; font-size: 16px;  padding-left: 28px; height: 50px; line-height: 50px; font-weight: normal; color: #3c424e}
.regRight h6 span{ color: red}
.regRight .textBox{
    width:calc(100% - 56px); display: inline-block; height: 150px; line-height: 30px; background: #f4f6f7;
    border-radius: 20px; margin-bottom: 5px; letter-spacing: 2px;outline: 0; border: 0; padding:10px 28px;  font-size: 16px; color: #606b7d;
}
.regRight .nessary{ width: 100%;font-size: 14px; color: #454d5a; text-align: right; padding-right: 10px }
.regRight .nessary span{ color: red}

.regRight .buttonBox{ width: 100%;text-align: center; margin: 20px auto }
.regRight .buttonBox .submit-button{outline: 0; border: 0;
    height: 38px; line-height:38px;background: #1d7fee;  font-size: 18px; color: #fff; padding: 0 80px; margin: 0 auto;
    border-radius: 20px; letter-spacing: 2px}
input::placeholder,textarea::placeholder {
    color: #9fa8b6;
    opacity: 1;
}
.submit-button{}


/*****随机数样式******/
.makeCondition{ width: 100%; margin: 20px auto; text-align: left; overflow: hidden;}
.makeCondition dl{display: inline-block; color: #434b58; font-size: 18px; margin-right: 30px;}
.makeCondition dl dt{display: inline-block;    margin-bottom: 10px;}
.makeCondition dl dd{display: inline-block;    margin-bottom: 10px;}
.makeCondition input,#selectSave{ outline: 0; border: 0; height: 38px; line-height:38px;background: #f4f6f7;  font-size: 16px;
    margin-right: 18px; margin-top: 1px; width:130px; padding: 0 20px;
    text-align: left; color: #606b7d; letter-spacing: 1px}
.makeBtn{
    float: right;outline: 0; border: 0;
    height: 38px; line-height:38px;background: #1d7fee;  font-size: 16px; color: #fff; padding: 0 20px; margin: 0 auto;
    border-radius: 10px; letter-spacing: 2px}
#showRandom,#showRandomT{
    width:calc(100% - 56px); display: inline-block; height: 150px; line-height: 30px; background: #f4f6f7; min-height: 400px; max-height: 400px; text-align: left;overflow-y: auto;
    border-radius: 20px; margin-bottom: 5px; letter-spacing: 2px;outline: 0; border: 0; padding:10px 28px;  font-size: 16px; color: #606b7d; font-family: '宋体';
    word-break:break-all; word-wrap:break-word
}
#showRandomT,#selectSave{
    background: #fff;
}

.spinBox{
    width: 100%; height: 100%;padding-top: 300px;
    position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.2);
    z-index: 99999999; font-size: 20px;
    text-align: center; color: #fff; display: none;
}
/* 约束屏幕尺寸 */
@media screen and (max-width: 1024px) {
    .container{ width: 96%}
    .banImg{z-index: -1;}
    .aboutBan{
        padding: 40px 0;height:260px; overflow: hidden;
        background: url("../image/aboutBan.jpg") right center no-repeat #030303
    }
    .aboutBan h2{ text-align: center}
    .aboutBan p,.footer .lxwm{ width: 96%; margin: 0 auto}
    .aboutBan p{margin-bottom: 10px;}
    .aboutFw{ margin: 35px 0; }
    .aboutFw img{ width: 100% }
    .sjsid{ padding-top: 25px; }
    .makeCondition dl{ margin-right: 0}
    .makeCondition input,#selectSave{  width:120px; padding: 0 5px;margin-right: 2px;}
    .footer{ padding: 30px 0 70px;}
    .footer .ewm{margin-top: 20px; position: absolute; right: 10px; z-index: 1; top:-20px;}
    .footer .ewm dl dd{ color: #fff}
    .fwlx,.aboutJJ{ margin: 25px auto;}
    .fwlx a{ margin-bottom: 10px}
    .aboutTit h2{ margin-bottom: 0px;}
    .aboutJJ p{margin-bottom: 20px;}
    .aboutTx{    margin: 45px 0 10px;padding: 35px 0;}
    .aboutTx ul {
        width: 100%;
    }
    .mainReg{    padding-top: 40px;
        padding-bottom: 40px;}
    .aboutTx ul li{ margin-left: 25px;}
    .aback{ text-align: center}
    .aback a,.regCont .regLeft .regLeft-top,.regCont .regLeft .regLeft-mid{display: none}
    .aback img{ margin: 0 auto; float: none}
    .regCont .regLeft{ width: 100%; background:none; padding: 0 10px; height: 60px;}
    .regRight{ width: 96%; right:2%; left: 2%}
    .regCont{ margin: 20px auto 0;    width: 96%; padding-top: 20px; height: 940px; overflow-x: hidden}
    .regRight h2{ margin-top: 20px;}
    .regRight ul li,.forAddress,.licode{ width: 100% !important;}
    .licode{ height: 120px;}
    .forAddress{  margin-bottom: 30px;}
    .regRight h6{ padding-left: 0;}
    #title-wrap dd {
        width: 93px;
    }
    #addr-wrap dd {
        width: 73px;
    }
    .spinBox{
        padding-top:15%;
    }
}

@media screen and (max-width: 800px) {
    .footer .ewm{margin-top: 20px; width:110px; overflow: hidden; right: 0px;}
    .footer .ewm dl dd{ color: #000c17; display: none}
    .footer .ewm dl dt img:first-child{ margin-bottom: 78px !important;}
}

